<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>{$media->getLabel()}</title>
	
	<link rel="shortcut icon" type="image/x-icon" href="{$URL_RELATIVE}/favicon.ico" />
	<link rel="icon" type="image/x-icon" href="{$URL_RELATIVE}/favicon.ico" />
	<link rel="stylesheet" type="text/css" href="{$URL_RELATIVE}/themes/default/backend/css/reset.css" />
	
	<script src="{$URL_RELATIVE}/js/lib/jQuery/jquery.js" type="text/javascript"></script>
	<script src="{$URL_RELATIVE}/js/lib/jQueryUI/jquery-ui.js" type="text/javascript"></script>	
	
	{literal}
	<style type="text/css">
		body
		{
			font-family: Arial, Helvetica, sans-serif;
			font-size: 12px;
			background-color: #808080;
		}
		
		#header
		{
			width: 100%;
			background: #D4D0C8;
			border-bottom: 1px solid #000;
			height: 27px;
			padding-top: 3px;
			padding-left: 5px;
			color: #808080;
		}
		
		a
		{
			color: black;
		}
		
		a.linkButton
		{
			text-decoration:none;
			display:inline-block;
			padding:4.5px;
			font-weight:normal;
		}
		
		a.linkButton:hover
		{
			border-top:1px solid #FFF;
			border-left:1px solid #FFF;
			border-right:1px solid #5F5C53;
			border-bottom:1px solid #5F5C53;
			padding:3.5px;	
		}
		
		a.linkButton:active
		{
			border-top:1px solid #5F5C53;
			border-left:1px solid #5F5C53;
			border-right:1px solid #FFF;
			border-bottom:1px solid #FFF;
			padding:3.5px;	
		}	
		
		.separator
		{
			border-left: 1px solid #808080;
			border-right: 1px solid #FFF;
			height: 15px;
			width: 0px;
			display: inline-block;
			margin-left: 5px;
			margin-bottom: -5px;
		}
		
		.icon16, .icon1616
		{
			margin-bottom:-3px;	
		}
		
		#picture img
		{
			margin: 5px;
			border:1px solid black;
		}		
			
	</style>
	
	<script type="text/javascript">
		$(document).ready(function(){
			$("#pictures").change(function(){
				filename = $("#pictures").children("[@selected]").attr("value");
				path = $("#path").text();
				$("#picture img").attr("src", path+filename+"?"+Math.floor(Math.random()*1111));		
			});
		});
	</script>
	{/literal}
		
</head>
<body>
		<img src="{$fileurl}?{php}echo rand(1, 1000);{/php}" onclick="window.close()" style="cursor:pointer;" />
</body>
</html>